body {
	font-family:"Helvetica",Arial,"Arial Bold";
}
.clearer { clear: both; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; }
a img { border: none; }


 #PageContainer,
 #PageContainerInner {
	width: 880px; height: 647px;
	position: relative;
}

 #PageContainer {
	background: transparent url(images/main_bg.png) top left no-repeat;
	margin: 0 auto;
}
 #PageContainer.won #PageContainerInner {
	background: transparent url(images/won_bg.png) 315px 0 no-repeat;
}

 #machineTitle {
	position: absolute; top: 0; left: 0; width: 380px; height: 70px;
	background: transparent url(images/title_default.png) top left no-repeat;
}

/*---------*/

#slotMachineContainer {
	position: absolute;
	width: 460px; height: 370px; left: 357px; top: 110px;
}

#slotMachineContainer #spinButton {
	position: absolute;
	left: 354px; top: 304px; width: 104px; height: 66px;
	background: transparent url(images/spin_button.png) 0 0 no-repeat;
}
#slotMachineContainer #spinButton:hover { background-position: 0 -100px; }
#slotMachineContainer #spinButton:active { background-position: 0 -200px; }
#slotMachineContainer #spinButton.disabled { background-position: 0 -300px; }

#slotMachineContainer #betContainer {
	position: absolute;
	top: 304px; left: 0; width: 355px; height: 65px;
}
#slotMachineContainer #betContainer span {
	display: block; position: absolute;
	width: 100px; height: 25px; top: 32px;
	color: #e64e13; font-weight: bold; font-size: 23px;
}

#slotMachineContainer #betContainer #lastWin { left: 15px; }
#slotMachineContainer #betContainer #totalBids { left: 119px; }
#slotMachineContainer #betContainer #bet { left: 277px; }

#slotMachineContainer #betContainer #betSpinUp,
#slotMachineContainer #betContainer #betSpinDown {
	position: absolute;
	width: 27px; height: 42px; left: 316px; top: 13px;
	background: transparent url(images/sprites.png?v=2) 0 0 no-repeat;
	cursor: pointer;
}
#slotMachineContainer #betContainer #betSpinDown { top: 35px; background-position: 0 -50px; }


#slotMachineContainer #loggedOutMessage,
#slotMachineContainer #failedRequestMessage {
	position: absolute;
	top: 104px; left: 42px; width: 355px;
	z-index: 1000;
	padding: 10px; text-align: center;
	background-color: red; color: white;
}

/*---------*/

#slotMachineContainer #ReelContainer {
	position: absolute; 
	left: 13px; top: 12px; width: 435px; height: 283px;
	overflow: hidden;
}

#slotMachineContainer #ReelContainer #reelOverlay {
	position: absolute; top: 0; left:0; right: 0; bottom: 0;
	z-index: 100;
	background: transparent url(images/reel_overlay.png) 0 center no-repeat;
}

#slotMachineContainer #ReelContainer .reel {
	position: absolute;
	width: 121px;height: 4719px;/* 2178px;*/ top: -1119px;
	background: transparent url(images/reel_strip.png) 0 0 repeat-y;
}

#slotMachineContainer #ReelContainer #reel1 { left: 10px; }
#slotMachineContainer #ReelContainer #reel2 { left: 158px; }
#slotMachineContainer #ReelContainer #reel3 { left: 304px; top: -1180px; }


/*---------*/

 #prizes_list {
	position: absolute;
	left: 35px; top: 126px; width: 250px; height: auto;
	padding-top: 15px;
}

 #prizes_list .trPrize {
	padding-left: 28px;
	padding-top: 13px; padding-bottom: 13px; margin-top: -26px; /* we make each row much taller than it is, to accomodate the glow of the winning orange band */
}


 #prizes_list .tdReels { 
	border-right: 1px solid #124587; border-bottom: 1px solid #124587;
	height: 31px;
	float: left; clear: both;
	padding: 2px 5px 0 0;
}
 #prizes_list .tdPayout { 
	border-bottom: 1px solid #124587;
	float: left; 
	color: white; text-align: right;
	padding: 8px 5px 0 0; height: 25px; width: 62px;
}

 #prizes_list .trPrize:last-child > div { border-bottom: none; }

 #prizes_list .trPrize.won { background: transparent url(images/prize_won.png) 50% 0 no-repeat; }
 #prizes_list .trPrize.won .tdPayout { font-weight: bold; }

 #prizes_list .tdReels div.reelIcon {
	width: 30px; height: 30px; float: left; margin: 0 5px;
	background-repeat: no-repeat;
}

/*----------*/

 #soundOffButton {
	position: absolute;
	width: 32px; height: 32px; right: 38px; bottom: 30px;
	background: transparent url(images/sprites.png?v=2) -50px -50px no-repeat;
	cursor: pointer;
}

 #soundOffButton.off { background-position: -50px 0; }
